<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>VUE组件-局部组件</title>
        <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app1">
            <child></child>
        </div>
        <div id="app2">
        </div>
    </body>
    <script type="text/javascript">
        var child = {
            template: '<span>哈哈哈哈</span>'
        };

        // 可以在第一个Vue实例中使用
        new Vue({
            el: '#app1',
            components: {
                "child": child
            }
        });

        // 第二个Vue实例中没法使用child组件
        new Vue({
            el: '#app2'
        });
    </script>
</html>